import {Button} from "antd"
// 为什么 css 文件要这样引入？
// 这是 react 的一个特性，叫做 css module, 用于解决 css 样式冲突的问题, 类似于 vue 的 scoped
import styles from "./style/index.module.css"

const Login = () => {
    const login = () => {
        localStorage.setItem("login-flag", "true")
        window.location.href = "/"
    }

    return (
        <div className="h-screen w-full flex items-center justify-center">
            {/* styles.superAnimate 的值是一个由 css module 自动生成的类名, 用于解决 css 样式冲突的问题 */}
            <Button className={styles.superAnimate} type="primary" size="large" onClick={login}>点我登录</Button>
        </div>
    )
}

export default Login
